@import "public";
//head部分
#headContainer{
    width:100%;
    height:96px;
    .head{
        margin:0 auto;
        width:1190px;
        height:96px;
//      logo部分
        .logo-container{
            width:390px;
            height:96px;
            float:left;
            overflow:hidden;
            .left-logo{
                width:140px;
                height:96px;
                display: inline-block;
               // float:left;
                overflow:hidden;
                img{
                    width:140px;
                    height:96px;
                }
            }
            .right-logo{
                width:190px;
                height:96px;
                display:inline-block;
                overflow:hidden;
                margin-left: 55px;
                img{
                    width:190px;
                    height:96px;
                }
            }
        }
//      搜索栏部分
        .search-container{
            float:left;
            width:340px;
            margin:29px 0 0 60px;
            .search-form{
                position:relative;
                .search-input{
                    padding: 5px 40px 5px 0;
                    border: 1px solid #e5e1df;
                    width: 100%;
                    height: 40px;
                    //background: none;
                    //color: #33302e;
                    //font-size: 14px;
                    box-sizing: border-box;// 弹性盒模型
                    border-radius: 2px;
                    line-height: 28px;
                    //text-indent: 9px;文字缩进
                }
                .search-btn{
                    position:absolute;
                    top:0;
                    right:0;
                    float:right;
                    width:40px;
                    height:40px;
                    .icon-search{
                        position:absolute;//定位后不用再转换为inline-block
                        top:0;
                        left:0;
                        right:0;
                        bottom:0;
                        margin:auto;//定位到元素正中的位置的方法
                        //display:inline-block;
                        width:20px;
                        height:20px;
                        background:url(../img/indeximg/top.png) no-repeat;
                        overflow:hidden;
                    }
                }
            }
        }
//      购物车部分
        .cart{
            float:right;
            width:140px;
            height:40px;
            line-height: 40px;
            margin:28px 100px 0 0;
            .icon-cart{
                display:inline-block;
                width:20px;
                height:20px;
                vertical-align: middle;
                background: url(../img/indeximg/top.png) no-repeat -22px;
                margin-left: 10px;
                margin-right: 10px;
            }
            .cart-title{
                display:inline-block;
                font-size: 14px;
                color:#33302e;
            }
        }
    }
}
//导航部分
#navContainer{
//  导航容器部分
    width:100%;
    min-width: 1190px;
    height:38px;
    border-top:1px solid #e5e1df;
    border-bottom:1px solid #e5e1df;
    position:relative;
    .head-nav{
        margin:0 auto;
        width:1190px;
//      商品分类部分
        .categories{
            position:absolute;
            top:-1px;
            .cate-title{
                width:140px;
                line-height:40px;
                color:#fff;
                background: #33302E;
                font-size: 14px;
                text-align: center;
                .icon-cate{
                    display:inline-block;
                    width:20px;
                    height:20px;
                    background: url(../img/indeximg/index.png) no-repeat;
                    vertical-align: middle;
                    margin-left:10px;
                }
            }
        }
//      导航部分
        .nav-container{
            position:relative;
            float:left;
            margin-left: 200px;
            line-height:38px;
            li{
                float:left;
                .nav-item{
                    padding:0 25px;
                    color:#33302e;
                    font-weight:700;
                    font-size:14px;
                }
                .first{
                    padding-left:0;
                    color:#f60;
                }
            }
            .nav-line{
                display: block;
                //left:0;
                position:absolute;
                top:31px;
                .line{
                    display:block;
                    width:28px;
                    height:2px;
                    margin:0 auto;
                    background:#f60;
                }
            }
        }
    }
}
//轮播图部分
#slideShowContainer{
    width:100%;
    min-width:1190px;
    height:444px;
    //background:url(../img/indeximg/banner.jpg) no-repeat center;
    margin-bottom: 50px;
    .swiper-container{
        width:100%;
        height:444px;
        img{
            width:100%;
            height: 444px;
        }
    }
    .swiper-pagination{
        span{
            background: #fff;
        }
    }
    .swiper-button-prev,.swiper-button-next{
        background-color:#000;
        opacity: .55;
    }
}
//主体部分
.page-wrap{
    margin:50px auto;
    width:1190px;
//  新品尝鲜部分
    .new-product{
        height:314px;
        margin-bottom:50px;
        .new-title{
            height: 60px;
            line-height: 60px;
            padding-left: 50px;
            font-size: 24px;
            color: #333;
            font-weight: 600;
            i{
                display:inline-block;
                width:41px;
                height:40px;
                background: url(../img/listimg/listbg.png)no-repeat -47px -173px;
                vertical-align: middle;
                position: absolute;
                margin-left: -50px;
            }
            span{
                color:#acc42a;
            }
        }
        .list{
            height:246px;
            overflow:hidden;
            .new-item{
                float:left;
                width:290px;
                text-align: center;
                margin-left:10px;
                .pro-link{
                    img{
                        width:290px;
                        height:193px;
                    }
                }
                .pro-title{
                    height:29px;
                    line-height:29px;
                    font-size: 14px;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }
                .pro-price{
                    color:#FF6600;
                    font-weight:900;
                    
                }
            }
            .new-item:first-child{
                margin-left:0;
            }
        }
    }
//  楼层部分
    .pro-floor{
        height:300px;
        margin-bottom:50px;
        .floor-title{
            height: 36px;
            line-height: 30px;
            font-size: 24px;
            span{
                font-weight:900;
            }
        }
        .floor-list{
            width:1200px;
            left:0;
            .list-item{
                float:left;
                width:290px;
                margin-right:10px;
                .floor-link{
                    h3{
                        height:33px;
                        line-height:33px;
                        text-align: center;
                        font-size:14px;
                        color:#8C8C8C;
                        border-top:1px solid #8C8C8C;
                    }
                    img{
                        width:290px;
                        height:193px;
                    }
                }
                .pro-price{
                    height: 40px;
                    line-height: 40px;
                    text-align: center;
                    color:#FF6600;
                    span{
                        font-weight: 900;
                        font-size:18px;
                    }
                }
            }
        }
    }
}
